*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	// font-size: .16rem;
}

// 侧边栏
.mui-off-canvas-left, .mui-off-canvas-right{
	// background: #666666;
}
.leftAside{
	margin-top: 2.5rem;
	.portrait-box{
		text-align: center;
		.portrait{
			width: 4rem;
			height: 4rem;
			border: 0.125rem solid #fff;
			border-radius: 50%;
		}
		.name{
			margin-top:0.5rem;
			font-size: 1rem;
			color: #FFFFFF;
		}
	}

	.link{
		background: #333333;
		color: #FFFFFF;
		&:before,.mui-table-view-cell:after,&::after{
			background: #666666;
		}
	}
	.outbtn{
		text-align: center;
		button{
			font-size: 0.8rem;
			margin-top: 0.5rem;
			padding: 0.2rem 3rem;		
		}
	}
}

// 下部tab页
.tabwarp{
	.placeholder{
		text-align: center;
		padding: 0.5rem 0;
	}

}
.tabul{
	background: #fff;
	li{
		p{
			span{
				display: block;
				width: 75%;
				float: right;
			}

		}
		.title{
			color: #000000;
			font-size: 0.9rem;
			margin-bottom: 0.25rem;
		}
	}
}

// 应用列表
.applist{
	width:94%;
	margin: 0.5rem auto;
	display:flex;
	flex-wrap:wrap;
	.appitemcon{
		width:20%;
		margin-bottom:0.4rem;
		.appitem{
			cursor: pointer;
			.icon-con{
				margin: 0 auto;
				text-align: center;
				line-height: 2.5rem;
				height: 2.5rem;
				width: 2.5rem;
				border-radius: 25%;
				font-size: 2rem;
				color: #FFFFFF;
				-moz-box-shadow:2px 1px 4px #BABABA; -webkit-box-shadow:2px 1px 4px #BABABA; box-shadow:2px 1px 4px #BABABA;
			}
			.icon-blue{
				background: #06ae56;
			}
			p{
				margin-top:0.25rem;
				font-size: 0.6rem;
				text-align: center;
			}

		}
		

	}
}